@base-color: #1890ff;
@base-hover:#096dd9;
@base-light: #91d5ff;
@base-shadow:#e6f7ff;

.goods {
    // background-color: #fbf4ff;
    .content {
        margin-top: 88px;

        .recommend {
            width: 100%;
        }

        .page {
            width: 100%;
            height: 50px;
            background-color: #fff;
            margin-top: 30px;
            position: relative;
            .ant-pagination {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);

                .ant-pagination-prev, 
                .ant-pagination-next {
                    border-radius: 0;
                    &:hover,
                    &:focus {
                        .ant-pagination-item-link {
                            border-color: @base-light;
                            color: @base-light;
                        }
                    }
                }

                .ant-pagination-item {
                    border-radius: 0;
                    &:hover,
                    &:focus {
                        border-color: @base-light;
                        a {
                            color: @base-light;
                        }
                    }
                }

                .ant-pagination-item-active {
                    border-color: @base-light;
                    a {
                        color: @base-light;
                    }
                }
            }
        }
    }
}